<!--
 * @Description:
 * @version:
 * @Author: 潘骏杰
 * @Date: 2021-11-10 10:14:13
 * @LastEditors: 潘骏杰
 * @LastEditTime: 2021-11-10 10:21:13
-->
<template>
  <div class="home-page">
    <div class="home-page__logo">
      <img :src="$withBase('/images/logo.png')" />
      <!--      <span>{{store.state.uid}}</span>-->
    </div>
    <div class="page__content">
      <img :src="$withBase('/images/bg-text.png')" alt="" />
    </div>
  </div>
</template>
<script>
import store from '../../store/index'
export default {
  data() {
    return {
      store
    }
  },

  mounted() {
    // setInterval(() => {
    //   store.mutations.uid(Math.random().toString(16))
    // }, 500)
  }
}
</script>
<style scoped lang="scss">
.home-page {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 3.6rem;
  box-sizing: border-box;
  overflow: hidden;
  background: url(../../public/images/bg.png) no-repeat center #01092e;
  background-size: 100%;
  .home-page__logo {
    position: absolute;
    left: 140px;
    top: 0;
    height: 60px;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 1.3rem;
    img {
      height: 46px;
    }
    span {
      margin-left: 17px;
    }
  }
  .page__content {
    img {
      position: absolute;
      left: 7rem;
      top: 40%;
      width: 35%;
    }
  }
}
</style>
